<template>
    <div  v-if="isHaveData" ><el-button class="more-data-btn" @click="moreDataBtnClick" type="primary" :loading="isLoading">{{isLoading?"加载中":"点击加载更多"}}</el-button></div>
    <div v-else><el-button class="have-no-data-info" disabled>已经没有了呀</el-button></div>
</template>

<script>
export default {
    name:"moreDataBtn",
    props:{
        isHaveData:{
            type: Boolean,
            default: ()=> false
        },
        isLoading:{
            type:Boolean,
            default:()=>false
        }
    },
    data(){
        return {
        }
    },
    methods:{
        moreDataBtnClick(){
            this.$emit("moreDataClick");
        }
    }
}
</script>

<style>

</style>